<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<!--[if lt IE 9]>
    <script type="text/javascript" src="../../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
		<link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
		<link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../../lib/Validform/5.3.2/style.css" />
		<link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
		<link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
		<link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
		<link rel="stylesheet" type="text/css" href="../../../ht-css/jedate.css" />
		<!--[if IE 6]>
    <script type="text/javascript" src="../../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
		<link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
		<link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
		<title>重点商品池</title>
		<style>
			.dataTables_wrapper {
				background-color: #fff;
				min-height: 70px;
			}

			.M-box3 {
				padding: 20px;
			}

			table.dataTable thead .sorting_asc {
				background-image: none;
			}

			.channelFailReason-text {
				min-width: 200px;
				position: absolute;
				border: 1px solid rgb(165, 165, 165);
				left: 55px;
				background-color: #f0f0f0;
				display: none;
                padding: 5px;
                color: red;
			}
		</style>
	</head>

	<body data-id="675">
		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>对接平台管理<span
				class="c-gray en">&gt;</span> 重点商品池
			<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
				href="javascript:location.replace(location.href);" title="刷新">
				<i class="Hui-iconfont">&#xe68f;</i>
			</a>
		</nav>
		<article class="page-container">
			<form class="" id="form-member" method="post">
				<div class="bg-1 bk-gray pb-10">
					<div class="lh-30 mb-10 clearfix  mt-10">
						<table class="table_li mb-10 table">
							<thead class="text-l">
								<tr id="selectPlatformId">
									<td class="col-4-1">
										<!--所属渠道-->
										<div class="row ml-10" id="platformSkuCode">
											<label class="form-label f-l text-r w-72">所属渠道：</label>
											<div class="formControls col-sm-8">
												<select class="select-box select radius" id="customerId"
													name="customerId" size="1">
													<option value="0" selected>请选择</option>
												</select>
											</div>
											<span class="Validform_checktip"></span>
										</div>
									</td>

									<td class="col-4-1">
										<!--商品名称-->
										<div class="row ml-10" id="platformSkuCode">
											<label class="form-label f-l text-r w-72">商品名称：</label>
											<div class="formControls col-sm-8">
												<input type="text" class="input-text radius" name="skuName" id="skuName"
													placeholder="商品名称" ignore="ignore">
											</div>
											<span class="Validform_checktip"></span>
										</div>
									</td>
									<td class="col-4-1">
										<!--商品编码-->
										<div class="row ml-10" id="platformSpecificationsName">
											<label class="form-label f-l text-r w-72">商品编码：</label>
											<div class="formControls col-sm-8">
												<input type="text" class="input-text radius" placeholder="商品编码"
													id="skuCode" name="skuCode">
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td class="col-4-1">
										<div class="row ml-10">
											<label class="form-label f-l w-72 text-r">上下架状态：</label>
											<div class="formControls col-sm-8">
												<select class="select-box select radius" id="channelState"
													name="channelState" size="1">
													<option value="-1">全部</option>
													<option value="1">上架</option>
													<option value="0">下架</option>
												</select>
											</div>
										</div>
									</td>
									<td class="col-4-1">
										<div class="row ml-10">
											<label class="form-label f-l text-r w-72">关联状态：</label>
											<div class="formControls col-sm-8">
												<select class="select-box select radius" id="relationStatus"
													name="relationStatus" size="1">
													<option value="-1" selected>全部</option>
													<option value="0">未关联</option>
													<option value="1">已关联</option>
												</select>
											</div>
										</div>
									</td>
									<td class="col-4-1">
										<div class="row ml-10">
											<label class="form-label f-l text-r w-72">入库状态：</label>
											<div class="formControls col-sm-8">
												<select class="select-box select radius" id="channelInBoundStatus"
													name="channelInBoundStatus" size="1">
													<option value="-1" selected>全部</option>
													<option value="1">已入库</option>
													<option value="2">入库失败</option>
												</select>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td colspan="3" class="col-1-1">
										<div class="row ml-10">
											<label class="form-label f-l text-r w-72">商品分类：</label>
											<span class="size-M radius col-xs-8 f-l" style="width:20%">
												<div style="position: relative;z-index: 900;">
													<input type="text" autocomplete="off" class="input-text radius"
														name="class1" placeholder="请选择一级分类"
														oninput="goods_listCategory(1)" id="class1" datatype="*0-20"
														errormsg="格式错误，请重新输入" ignore="ignore">
													<ul class="relation radius guanlian" id="classUl1">

													</ul>
												</div>
											</span>
											<span class="f-l pl-10 pr-10 pt-5">~</span>
											<span class="size-M radius col-xs-8 f-l" style="width:20%">
												<div style="position: relative;z-index: 900;">
													<input type="text" autocomplete="off" class="input-text radius"
														name="class2" placeholder="请选择二级分类" id="class2" datatype="*0-20"
														errormsg="格式错误，请重新输入" ignore="ignore">
													<ul class="relation radius guanlian" id="classUl2">
													</ul>
												</div>
											</span>
											<span class="f-l pl-10 pr-10 pt-5">~</span>
											<span class="size-M radius col-xs-8" style="width:20%">
												<div style="position: relative;z-index: 900;">
													<input type="text" autocomplete="off" class="input-text radius"
														data-CategoryId="" name="class3" placeholder="请选择三级分类"
														id="class3" datatype="*0-20" errormsg="格式错误，请重新输入"
														ignore="ignore">
													<ul class="relation radius guanlian" id="classUl3">
													</ul>
												</div>
											</span>
										</div>
									</td>
								</tr>
							</thead>
						</table>
					</div>

					<div class="text-c pt-10 pb-15" style="position: relative;">
						<input name="" type="button" class="btn radius size-S ml-10"
							onclick="javascript:location.replace(location.href);" value="重&nbsp;&nbsp;置">
						<input type="button" class="btn btn-secondary radius size-S"
							onclick="focusProcurePageList()" value="查&nbsp;&nbsp;询">
						<input type="button" class="btn btn-default radius size-S"
							onclick="exportChannelImportantSkuList()" value="导出"
							style="position: absolute;right: 275px;">
						<input type="button" onclick="javascript:document.getElementById('file').click();"
							class="btn btn-default radius size-S" value="导入" style="position: absolute;right: 208px;">
						<input type="file" name="file" id="file" style="display: none;"
							onchange="importChannelImportantSkuRelationByExcel()">
						<a href="javascript:0" onclick="downloadImportantSkuRelationExcelTemplate()"
							style="position: absolute;top:15px;right: 140px;">样表下载</a>
						<a href="javascript:0" onclick="selectLatestBatchNo()"
							style="position: absolute;top:15px;right: 80px;">导出报告</a>
						<input type="hidden" name="batchNo">

					</div>
				</div>
			</form>
			<!-- 表格渲染 -->
			<table class="table table-border table-bg table-hover mt-10" id="shanDataTable">
				<thead>
					<tr class="text-c">
						<th class="w-120">序号</th>
						<th class="w-100">渠道商品编码</th>
						<th class="w-100">渠道商品名称</th>
						<th class="w-100">型号</th>
						<th class="w-100">品牌</th>
						<th class="w-100">参考价</th>
						<th class="w-100">商品分类</th>
						<th class="w-100">上下架状态</th>
						<th class="w-100">入库状态</th>
						<th class="w-120">已关联SKU编码</th>
						<th class="w-100">商品名称</th>
						<th class="w-100">规格</th>
						<th class="w-150">操作</th>
					</tr>
				</thead>
				<tbody class="shun">
				</tbody>
			</table>
		</article>
		<div class="dataTables_wrapper">
			<div class="f-r pageturning M-box3"></div>
			<input type="hidden" name="pageNum">
		</div>
		<div id="normal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
			aria-hidden="ture" style="border-radius: 8px;">
			<div class="modal-dialog">
				<div class="modal-content radius">
					<div class="modal-header">
						<h3 class="modal-title">请输入您要关联的SKU编码</h3>
						<a class="close" style="margin-right: 5px;width: 22px;height: 22px;margin-top: 5px"
							data-dismiss="modal" aria-hidden="true">×</a>
					</div>
					<input type="hidden" class="ship_add_id">
					<div class="pop_win material_product">
						<div class="info">
							<input type="hidden" name="channelImportantSkuId" value="">
							<div class="clearfix" style="padding: 15px 0px 15px 25%;">
								<input name="relevance-skuCode" type="text" placeholder="请输入鑫方盛SKU编码"
									class="input-text radius mr-20" style="width: 50%;">
								<a href="javascript:0;" onclick="relevanceProduct()">获取</a>
								<br>
								<span class="mt-10" style="display:inline-block;" id="relevance-pro-info"></span>
							</div>
							<div class="clearfix" style="padding: 15px 0px 15px 25%;">
								<input class="btn btn-primary radius material_button" type="button" value="取消"
									onclick="javascript:$('#normal').modal('hide');">
								<input class="btn btn-primary radius material_button" type="button" value="提交"
									onclick="submit_RelevanceProduct()">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--_footer 作为公共模版分离出去-->
		<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
		<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
		<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
		<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
		<!--/_footer 作为公共模版分离出去-->
		<!--请在下方写此页面业务相关的脚本-->
		<script type="text/javascript" src="../../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
		<script type="text/javascript" src="../../../lib/jquery.jedate.min.js?rev=@@hash"></script>
		<!--表单验证-->
		<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
		<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
		<!--<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>-->
		<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash">
		</script>
		<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
		<script src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
		<!--引入分页-->
		<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
		<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
		<script src="../../../ht-js/public.js?rev=@@hash"></script>
		<!--验证token-->
		<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
		<script src="../../../ht-js/dockingplatform/goods/focusProcure-List.js?rev=@@hash"></script>
		<script src="../../../ht-js/timeFormat.js?rev=@@hash"></script>
		<script type="text/javascript" src="../../../ht-js/power.js?rev=@@hash"></script>
		<script type="text/javascript">
			/*
			 * 页面加载完成,默认平台商品隐藏
			 */
			$(function() {
				var defaultSelectVal = $("#selectVal").val();
				if (defaultSelectVal == '平台商品') {
					$("#groupCode").hide();
					$("#groupOldProducrName").hide();
					$("#groupOldSpecificationsName").hide();
				}

				$("#selectVal").change(function() {
					if ($("#selectVal").val() == '平台商品') {
						/*清空隐藏集团商品*/
						$("#code").val('');
						$("#oldProducrName").val('');
						$("#oldSpecificationsName").val('');
						$("#groupCode").hide();
						$("#groupOldProducrName").hide();
						$("#groupOldSpecificationsName").hide();
						/*显示平台商品*/
						$("#platformSkuCode").show();
						$("#platformProductName").show();
						$("#platformSpecificationsName").show();
					}
					if ($("#selectVal").val() == '集团商品') {
						/*清空隐藏平台商品*/
						$("#skuCode").val('');
						$("#productName").val();
						$("#specificationName").val('');
						$("#platformSkuCode").hide();
						$("#platformProductName").hide();
						$("#platformSpecificationsName").hide();
						/*显示集团商品*/
						$("#groupCode").show();
						$("#groupOldProducrName").show();
						$("#groupOldSpecificationsName").show();
					}
				});
			});

			$(function() {
				$("#form-member").Validform({
					tiptype: 2,
					callback: function(form) {
						getTemporaryGoodsList()
						return false;
					}
				});
			})
		</script>
	</body>

</html>
